<link rel="stylesheet" href="<?php echo base_url() ?>js/toastmessage/resources/css/jquery.toastmessage.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="<?php echo base_url() ?>js/toastmessage/javascript/jquery.toastmessage.js" type="text/javascript" charset="utf-8"> </script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		
		<?php
		if(validation_errors()):
		?>
			var email = "<?php echo form_error('email') ?>";
			var title = "<?php echo form_error('title') ?>";
			var message = "<?php echo form_error('message') ?>";
			var recaptcha_response_field = "<?php echo form_error('recaptcha_response_field') ?>";
			$().toastmessage('showToast', {
				text     : '<br/>'+email+title+message+recaptcha_response_field,
				sticky   : true,
				position:  'middle-center',
				type     : 'error'
			});
		<?php
		elseif($this->session->flashdata('msg_contact')):
		?>
			$().toastmessage('showToast', {
				text     : "<?php echo $this->session->flashdata('msg_contact') ?>",
				sticky   : true,
				position:  'middle-center',
				type     : 'success'
			});
		<?php
		endif;
		?>
		
	});
</script>
<style type="text/css" media="screen">
	.error{
		font-size:10px;
		color:#fff;
		margin-bottom:5px;
	}
	.toast-container {
		width:350px;
	}
</style>
<div style="width:910px;height:927px" id="login">
	<div style="padding:54px 56px">
		<h1 class="calibri" style="font-size:30px">Request Information</h1>
		<div class="clear-40"></div>
		<form action="" method="post">
			<p>
				<label style="font-size:20px" class="calibri"><label class="ask">*</label>E-Mail Address</label>
				<input type="text" name="email" id="email" value="<?php echo set_value('email'); ?>">
			</p>
			<div class="clear-30"></div>
			<p>
				<label style="font-size:20px" class="calibri">Department</label>
				<input type="text" name="department" id="department" value="<?php echo set_value('department'); ?>">
				<div class="styled-select">
				<select name="department1" id="department1">
					<option value="">[ Select ]</option>
				</select>
				</div>
			</p>
			<div class="clear-30"></div>
			<p>
				<label style="font-size:20px" class="calibri"><label class="ask">*</label>Title</label>
				<input type="text" name="title" id="title" value="<?php echo set_value('title'); ?>">
			</p>
			<div class="clear-30"></div>
			<p>
				<label style="font-size:20px" class="calibri"><label class="ask">*</label>Message</label>
				<textarea name="contactmessage" id="contactmessage" style="width:812px;height:200px"><?php echo set_value('contactmessage'); ?></textarea>
			</p>
			
			<div class="clear-30"></div>
			<p>
				<label style="font-size:20px" class="calibri"><label class="ask">*</label>Security Check:</label>
				<div style="float:left"><?php echo recaptcha_get_html($publickey, $error); ?></div>
				<div style="float:left;padding:97px 0 0 10px"><input type="submit" name="" value="Submit" class="css3button"></div>
			</p>
			

				
		</form>
	</div>
</div>